Ext.require([ 'Ext.panel.*', 'Ext.form.*', 'Ext.window.Window' ]);

Ext.onReady(function() {
	var form = Ext.create('Ext.form.Panel', {
		bodyPadding : 10,
		border : false,
		items : [ {
			xtype : 'container',
			width : '100%',
			layout : 'fit',
			border : false,
			html : '<font size=6><b>Welcome to EBIZ CRM</b></font><br><br><br>'
		},{
			fieldLabel : 'Username',
			id : 'id',
			width : '100%',
			xtype : 'textfield',
			labelWidth : 50,
			name : 'username',
			allowBlank : false
		},{
			fieldLabel : 'Password',
			id : 'pass',
			width : '100%',
			xtype : 'textfield',
			labelWidth : 50,
			name : 'password',
			inputType : 'password',
			allowBlank : false
		},{
			width : '100%',
			xtype : 'checkboxfield',
			name : 'checkbox',
			labelWidth : 50,
			boxLabel : 'remember my login on this computer'
		} ],
		buttons : [ {
			text : 'Login',
			formBind : true,
			disabled : true,
			handler : function() {
				var id=Ext.getCmp('id').value;
				var pass=Ext.getCmp('pass').value;
				alert('Login Button Pressed'+id+"  "+pass);
				Ext.Ajax.request( {
		            url : 'login.do?command=login&id='+id+'&pass='+pass,
		            reader: new Ext.data.JsonReader({
					    root: "data",                       // 자료의 first Element 
					    id:"id",                        // 자료의 primary key
					    remoteSort: true,
					    fields: ['id', 'pass']   // 데이터와 필드 매칭 말안해도 알리라,,
					}),
		            success : function(result, request) {           
		           	alert(result.responseText +" "+request);
		                           chkId = eval("("+result.responseText+")");
		                           
		                           alert(chkId.id);
		                           if (chkId) {
		                        	   alert('success');
		                        	    
		                        	   
		                          } else {

		                          }
		          },
		          failure : function(result, request) {            
		                      alert('fail');
		           }
		     });
			}
		},{
			text : 'cancle',
			handler : function() {
				alert('cancle Button Pressed');
			}
		} ]

	});
	
	Ext.create('Ext.window.Window', {
		title : 'Login',
		height : 300,
		width : 400,
		layout : 'fit',
		items : [ form ]
	}).show();
});